查看原文
其他

我哪儿会设计啊,全靠叠!

庞少棠 庞门正道 2022-09-04

那啥~我又来了!


今天的文章,我们来聊聊排版中很实用的一个小技巧——叠压。



我们在进行文字排版的时候,除了要考虑阅读性,排版的节奏感、层次感也是非常重要的。而通过不同元素的叠压与穿插,不但可以在画面中建立起清晰的秩序感,同时也可以有效提升排版的设计感。


好了,废话少说,叠压技巧走起。






我们有时候需要进行纯文字排版,为了避免纯文字所带来的单调乏味,我们可以通过文字之间的叠压,来达到提升画面层次感的目标。



 大字+小字 


大字和小字的叠压是排版中最常见的一种情况,通过大小的变化与穿插,可以营造出很好的节奏变化。一般在画面中文案特别少的情况下,就可以考虑用大字+小字进行叠压排版。


我们直接来看案例。


第1步,

将文案打出来。



第2步,

将英文放大处理,并且换成手写字体,这样它就具有了图形的属性。再将汉字部分用深色压住画面,形成对比。



第3步,

对画面的颜色和背景进行细化处理。



OK,一个简单的纯文字排版完成。




 中文+英文 


英语在排版中经常被用来当作装饰性元素,尤其是手写英文,通过与汉字的叠压与穿插,可以给排版增加不少的活力。


来看实操案例。


第1步,

打两句常用的文案。



第2步,

将英文换成活泼的手写体,色彩也要与汉字有反差。



第3步,

用蒙版对英文进行处理,使它与中文形成前后穿插的效果。



第4步,

优化配色,以及排版细节。



OK,完工。




 实心字+空心字 


对于装饰性的文案,如果我们不想太突出,则可以将它变成空心字,以描边的形式来弱化它。把它所形成的线条与主文案进行叠压,可以丰富画面的层次感。


来看实操案例。


第1步,

打上文案。



第2步,

将英文字描边,并且放大,叠到汉字的背后,作为纹理。



第3步,

修饰一下细节。



OK,完工。


这种叠压方式需要注意的是,中文和英文字体风格一定要统一,这样叠压之后才不会显得乱。


好了,我们继续叠压。









相对于文字与文字的叠压,文字与图片的叠压更加实用,也更加常见。具体的叠压方式也分成多种,下面给大家一一介绍。


 文字+LOGO 


在做品牌类的设计时,经常会用到这样的排版方式,叠压的元素既可以是LOGO本身,也可以是品牌相关的任何图形元素。


直接案例走起。


第1步,

列出文案和相关元素。



第2步,

将LOGO放大,与文字进行叠压。



第3步,

用蒙版处理对LOGO的局部进行处理,使LOGO与文字形成相互穿插的效果。



第4步,

进一步完善画面细节。



OK,完工。




 文字+图片 


文字与图片的叠压,可以让两者更加融合,视觉上看起来更加一体化。


例如下面这个画面,常规的排版是直接将文字压在图片上。



如果我们将文字放大,使文字与图片中的一部分元素形成前后叠压关系的话,就会看起来更加有设计感。





 文字+几何元素 


如果我们没有现成的图形元素可用,也可以从文案本身的主题出发,给文案绘制相关的图形元素,使得文案主题的表达更加具象,易懂。


实操案例走起。


第1步,

先打上文案。



第2步,

从太空的主题,很容易联想到星环。画出来后与文字进行叠压和穿插,同时倾斜处理,这样看起来会更加有飘浮的感觉。



第3步,

对叠压的接触点进行处理,并且添加小的装饰细节。



第4步,

添加背景纹理、噪点等小细节。



OK,

完工。


相对于文字叠加文字,图形与文字的结合方式更加的丰富和多样,并且效果也更加出彩。


接下来我们再看图形与图形之间的叠压。








图形包括了图片与几何图形,两者的叠压方式又有点不一样。我们通过案例来说明。



 图片+图片 

图片与图片的叠压,估计许多人第一时间就会想到杂志风排版。


第1步,

将3张不同的素材图列上来。



第2步,

选中其中一张作为主图放大,另外两张缩小,叠放到主图的上面。



第3步,

给照片添加细节,让它看起来更真实自然。



第4步,

给背景添加类似旧报纸的纹理。



第5步,

在画面空白的地方排好文案。



OK,一张杂志风格的海报完工。




 图片+几何元素 


在电商类的设计中,我们经常会将产品图与几何元素进行叠压,来达到丰富画面层次感的效果。


还是来看实操案例。


第1步,

先抠好产品图。



第2步,

在画面的边缘部分叠加两个圆形。



第3步,

将圆形与产品的穿插关系优化一下。



第4步,

在鞋子的后面,再放置一个圆形来排版文案。



OK,完工。


好了,今天的教程内容到这。


走了~





 

越努力,越幸运。

这里是庞门正道。

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存